<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Geo Analysis Tool 0.7</title>
		
		<!-- Dojo default styles: -->
		<style type="text/css">
			@import "dojo-release-1.4.2/dijit/themes/tundra/tundra.css";
			@import "dojo-release-1.4.2/dojo/resources/dojo.css"
		</style>

		<!-- Dojo configuration options: -->
		<script type="text/javascript">
			djConfig = {
					parseOnLoad: true,
					isDebug: false,
					debugAtAllCosts: true,
					modulePaths: {"GeoSOA":"../../GeoSOA","AtolCD":"../../AtolCD"}
			};
		</script>
		
		<!-- Load Dojo: -->
		<script src="dojo-release-1.4.2/dojo/dojo.js" type="text/javascript">
		</script>

		<!-- Required Dojo modules for this page: -->
		<script type="text/javascript">
			dojo.require("dijit.form.Textarea");
			dojo.require("dijit.form.Button");
			dojo.require("dijit.form.ComboBox");
			
			//some UI components
			dojo.require("dijit.layout.TabContainer");
			dojo.require("dijit.layout.ContentPane");
			dojo.require("dijit.layout.BorderContainer");
			dojo.require("dijit.layout.AccordionContainer");

			//require custom widgets
			dojo.require("AtolCD.Spatialytics.widgets.DataDisplayer");
			dojo.require("AtolCD.Spatialytics.widgets.FilterTree");
			dojo.require("AtolCD.Spatialytics.widgets.MeasureChooser");
			dojo.require("AtolCD.Spatialytics.widgets.LegendDisplayer");
			dojo.require("AtolCD.Spatialytics.widgets.HierarchyChooser");
			dojo.require("AtolCD.Spatialytics.widgets.CubeChooser");
			
			//Original Spatialytics Widgets
			dojo.require("GeoSOA.Spatialytics.widgets.MdxQueryEditor");
			dojo.require("GeoSOA.Spatialytics.widgets.ThematicStyleChooser");
		</script>

		<!-- Load OpenLayers (deploy version): -->
		<!-- <script src="OpenLayers/OpenLayers.js" type="text/javascript"></script>  -->
		<!--  Load OpenLayers (debug version): -->
		<script src="OpenLayers-2.9/lib/OpenLayers.js" type="text/javascript"></script>
		

		<!-- Load the Spatialytics test application: -->
		<script type="text/javascript" src="Spatialytics_test.js"></script>
		
		<style>
		
		html,body {
			height: 99%;
			width: 99%;
		}
		
		.titleBar {
			font-family: arial, helvetica, sans-serif;
			font-weight: bold;
			background-color: #000066;
			border-color: black;
			color: #FFFFFF;
			padding: 2px 2px 2px 2px;
			margin: 2px 0pt 2px 0pt;
		}
		
		.largemap {
			width: 100%;
			height: 90%;
			float:left;
		}
		.solapToolbar {
			width: 50px;
			height: 35px;
			float:right;
		}
		
		.tundra .solapMapIcon {
			
			background-repeat: no-repeat;
			width: 24px;
			height: 24px;
			text-align: center;
		}
		
		.tundra .solapMapIconDrillReplace { background-image: url('./img/Down_Arrow_Icon.png'); }
		.tundra .solapMapIconRollUp       { background-image: url('./img/Up_Arrow_Icon.png'); }
		.tundra .solapMapIconGeom		{ background-image: url('./img/draw_select.png'); }
		.tundra .solapMapIconDetails		{ background-image: url('./img/Details.png'); }
		
		#borderContainerTwo		{ width: 100%; height: 100%; }
			
		#paneldiv {

		}
		#paneldiv div {
			top: 10px; 
		}

		.olControlPanel { 

			right: 0px;
			height: 32px;
			width: 100%;
			background-repeat: repeat-x;
			background-image: url("./img/titleBar.png");
		}

		.olControlPanel div { 
			right: 0px;
			height: 32px;
			width: 150px;
			margin-top: 0px;
			background-repeat: no-repeat;
			float: left;
			margin-top: 5px;
			margin-right: 5px;
			margin-bottom: 5px;
			margin-left: 5px;
		}
        
        .olControlPanel .olControlMouseDefaultsItemActive { 
		  width:  24px;  
          height: 24px;
          background-image: url("./img/draw_select.png");
		  border: 1px solid red;
        }
        .olControlPanel .olControlMouseDefaultsItemInactive { 
		  width:  26px;  
          height: 26px;
          background-image: url("./img/draw_select.png");
        }
		
        .olControlPanel .olControlDrawFeatureItemActive { 
		  width:  24px;  
          height: 24px;
          background-image: url("./img/polygon.png");
		  border: 1px solid red;		  
        }
        .olControlPanel .olControlDrawFeatureItemInactive { 
          width:  26px;  
          height: 26px;
          background-image: url("./img/polygon.png");
        }    
		
		.olControlPanel .olControlZoomInItemActive { 
		  width:  24px;  
          height: 24px;
          background-image: url("./img/ZoomIn.png");
		  border: 1px solid red;
        }
        .olControlPanel .olControlZoomInItemInactive { 
          width:  26px;  
          height: 26px;
          background-image: url("./img/ZoomIn.png");
        }   
		
		.olControlPanel .olControlZoomOutItemActive { 
		  width:  24px;  
          height: 24px;
          background-image: url("./img/ZoomOut.png");
		  border: 1px solid red;
        }
        .olControlPanel .olControlZoomOutItemInactive { 
          width:  26px;  
          height: 26px;
          background-image: url("./img/ZoomOut.png");
        }   
		
		.olControlPanel .olControlZoomBoxItemActive { 
		  width:  24px;  
          height: 24px;
          background-image: url("./img/ZoomBox.png");
		  border: 1px solid red;
        }
        .olControlPanel .olControlZoomBoxItemInactive { 
          width:  26px;  
          height: 26px;
          background-image: url("./img/ZoomBox.png");
        }

		.olControlPanel .olControlNavigationItemActive { 
		  width:  24px;  
          height: 24px;
          background-image: url("./img/Pan.png");
		  border: 1px solid red;
        }
        .olControlPanel .olControlNavigationItemInactive { 
          width:  26px;  
          height: 26px;
          background-image: url("./img/Pan.png");
        }

		</style>
		
	</head>
	<body class="tundra">
		<div dojoType="dijit.layout.BorderContainer" gutters="true" id="borderContainerTwo">
		<!-- Top -->
            <div dojoType="dijit.layout.ContentPane" region="top" splitter="false">
                <div class="titleBar">Geo Analysis Tool 0.7</div>
            </div>
			<!-- Center -->
            <div dojoType="dijit.layout.BorderContainer" liveSplitters="false" design="sidebar"
            region="center" id="mainSplit">
			<!-- Accordion / trailing2-->


                <!-- end AccordionContainer -->
				
				<!-- Center2 -->
                <div dojoType="dijit.layout.TabContainer" region="center" tabStrip="true">
                    <div dojoType="dijit.layout.ContentPane" title="Map" selected="true">
						<div dojoType="dijit.layout.BorderContainer" gutters="true" id="borderContainerThree">
						
							<div dojoType="dijit.layout.ContentPane" region="center">
							<div id="paneldiv" class="olControlPanel"></div>
							
							<div id="map" class="largemap"></div>
							
							<div id="solapToolbar" class="solapToolbar"></div>
							
							</div>
							<div dojoType="dijit.layout.ContentPane" region="trailing">
									<div dojoType="dijit.layout.TabContainer" minSize="20" style="width: 300px;"
									id="leftAccordion" region="trailing" splitter="true">

										<div dojoType="dijit.layout.ContentPane" title="Infos">

										<br>

										<br>
										<div id="measureChooser"
										dojoType="AtolCD.Spatialytics.widgets.MeasureChooser">

										</div>
										<br>
										<div id="dataDisplayer"
										dojoType="AtolCD.Spatialytics.widgets.DataDisplayer">

										</div>
										<div id="displayArea"></div><br>
										<div id="legendDisplayer"
										dojoType="AtolCD.Spatialytics.widgets.LegendDisplayer">

										</div>
										</div>
										<div id="treePane" dojoType="dijit.layout.ContentPane" title="Axes">
											<div id="filterTree"
											dojoType="AtolCD.Spatialytics.widgets.FilterTree">
											</div>
										</div>
										<div dojoType="dijit.layout.ContentPane" title="Config">
											<div id="hierarchyChooser"
											dojoType="AtolCD.Spatialytics.widgets.HierarchyChooser">

											</div>
											<div id="cubeChooser"
											dojoType="AtolCD.Spatialytics.widgets.CubeChooser">

											</div>
										</div>
									</div>
							</div>
						</div>
                    </div>
                    <div dojoType="dijit.layout.ContentPane" title="JPivot" >
                       <iframe id="jpivotframe" src="" style="width:100%;height:100%;scrolling:none;frameborder:none;border:none;" > </iframe>
                    </div>
                </div>
				
            </div>
        
			<div dojoType="dijit.layout.ContentPane" region="bottom" splitter="false">
				<div style="width:80%;" id="mdxQueryEditor"
				title="MDX query editor"
				dojoType="GeoSOA.Spatialytics.widgets.MdxQueryEditor" 
				submitButtonLabel="Submit"
				mdxQuery="">	
			
				</div>
			</div>

        </div>

	</body>
</html>
